<!-- src/views/Home.vue -->
<template>
  <div class="home">
    <Header/>
    <VideoHero />
    <BusinessCards />
    <FamousBusinessCards></FamousBusinessCards>
    <Footer />

  </div>
</template>

<script setup>import VideoHero from '@/components/VideoHero.vue'
import BusinessCards from '@/components/BusinessCards.vue'
import Header from "@/components/header.vue";
import Footer  from '@/components/Footer.vue'
import FamousBusinessCards from '@/components/FamousBusinessCards.vue'


const userStore = useUserStore()

onMounted(() => {
  // 插入调试数据
  userStore.$patch({
    userId: '3',
    username: 'debug_user',
    token: 'debug_token_123'
  })
})
//取出userId的方法
import { useUserStore } from '@/store/user'
import { onMounted } from 'vue'




</script>

<style scoped>.home {
  padding: 20px;
}
</style>